.my-rank-page {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  padding: 26.92rpx 19.23rpx;
  box-sizing: border-box;
  background-color: #F9F7F7;

  .rank-container {
    width: 100%;
    padding: 0 19.23rpx;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 15.38rpx;

    .rank-item {
      width: 100%;
      height: 103.85rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1.92rpx solid #e0e0e0;

      .item-label {
        flex: 1;
        justify-content: flex-start;
        align-items: center;
        color: #39393F;
        font-size: 28.85rpx;

        .rank-data {
          color: #FF2452;
          font-weight: bold;
        }
      }
      .item-right {
        .card-open {
          .wx-switch-input::after {
            background-color: rgba(255, 36, 82, .9);
          }
        }
      }

      &:last-of-type {
        border-bottom: none;
      }
    }
  }

  .rank-tip {
    width: 100%;
    margin-top: 48.08rpx;
    color: rgba(0, 0, 0, .4);
    font-size: 23.08rpx;
    text-align: center;
  }
}